<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!DOCTYPE html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- Title here -->
    <title>懒虫商城-超市</title>
    <!-- Description, Keywords and Author -->
    <meta name="description" content="懒虫商城" />
    <meta name="keywords" content="懒虫商城" />
    <meta name="author" content="懒虫商城" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0, user-scalable=no" />
    <link rel="shortcut icon" href="Images/ico/favicon.ico" type="image/x-icon">
    <!-- Custom CSS -->
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/response.css" />
    <!-- jQuery -->
    <script src="js/jquery.js" type="text/javascript"></script>
    <!-- Custom JS -->
    <script type="text/javascript" src="js/custom.js"></script>
</head>
<body>
<div class="ng-scope">
    <div class="loca ng-scope">
        <a class="change ng-binding" href="address.html">蓝坤大厦<span>[切换]</span></a>
    </div>
    <div class="content ng-scope">
        <aside style="height:663px">
            <ul id="aside">
                <li th:class="${options == '1' ? 'table active' : 'table'}" data-cid="1" data-ident="0">
                    <p>新品</p>
                </li>
                <li th:class="${options == '2' ? 'table active' : 'table'}" data-cid="10" data-ident="0">
                    <p>热饮</p>
                </li>
                <li th:class="${options == '3' ? 'table active' : 'table'}" data-cid="11" data-ident="0">
                    <p>水果</p>
                </li>
            </ul>
        </aside>
        <!-- 新品 -->
        <div class="cate hide" id="cate_1">
            <div class="con con_no">
                <ul></ul>
            </div>
        </div>
        <!-- 热饮 -->
        <div class="cate hide" id="cate_10">
            <div class="con con_no">
                <ul></ul>
            </div>
        </div>
        <!-- 水果 -->
        <div class="cate hide" id="cate_11">
            <div class="con con_no">
                <ul></ul>
            </div>
        </div>

        <section>
            <ul id="lists_1" th:class="${options == '1' ? 'lists show' : 'lists hide'}">
<!--            <ul id="lists_1" class="lists show">-->
                <li th:price="${commStat.index}" th:each="commoditie,commStat:${commodities}" >
                    <div class="l view">
                        <a href="proDetail.html" target="_blank"><img th:src="${commoditie.getPhoto()}" class="img-responsive" alt="..." /></a>
                    </div>
                    <div class="r">
                        <p class="t" th:text="${commoditie.getName()}"> </p>
                        <p class="price" th:text=" '￥' + ${commoditie.getPrice()}"></p>
                        <div class="jifen">送积分：0</div>
                        <div class="showaddcart">
                            <img src="img/shop_cart02.png" class="img-responsive join" alt="..." />
                            <div class="num_con">
                                <img src="img/num_l.png" class="img-responsive num_l" alt="..." />
                                <span class="number">0</span>
                                <img src="img/num_r.png" class="img-responsive num_r" alt="..." />
                            </div>
                        </div>
                    </div>
                </li>
<!--                <li price="2.48">-->
<!--                    <div class="l view">-->
<!--                        <a href="proDetail.html" target="_blank"><img src="img/lists/up2.jpg" class="img-responsive" alt="..." /></a>-->
<!--                    </div>-->
<!--                    <div class="r">-->
<!--                        <p class="t">博味火鸡面香辣味80克</p>-->
<!--                        <p class="price">￥2.48</p>-->
<!--                        <div class="showaddcart">-->
<!--                            <img src="img/shop_cart02.png" class="img-responsive join" alt="..." />-->
<!--                            <div class="num_con">-->
<!--                                <img src="img/num_l.png" class="img-responsive num_l" alt="..." />-->
<!--                                <span class="number">0</span>-->
<!--                                <img src="img/num_r.png" class="img-responsive num_r" alt="..." />-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </li>-->
<!--                <li price="2.98">-->
<!--                    <div class="l view">-->
<!--                        <a href="proDetail.html" target="_blank"><img src="img/lists/up3.jpg" class="img-responsive" alt="..." /></a>-->
<!--                    </div>-->
<!--                    <div class="r">-->
<!--                        <p class="t">无穷酱辣鸭小腿30克</p>-->
<!--                        <p class="price">￥2.98</p>-->
<!--                        <div class="showaddcart">-->
<!--                            <img src="img/shop_cart02.png" class="img-responsive join" alt="..." />-->
<!--                            <div class="num_con">-->
<!--                                <img src="img/num_l.png" class="img-responsive num_l" alt="..." />-->
<!--                                <span class="number">0</span>-->
<!--                                <img src="img/num_r.png" class="img-responsive num_r" alt="..." />-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </li>-->
<!--                <li price="3.98">-->
<!--                    <div class="l view">-->
<!--                        <a href="proDetail.html" target="_blank"><img src="img/lists/up4.jpg" class="img-responsive" alt="..." /></a>-->
<!--                    </div>-->
<!--                    <div class="r">-->
<!--                        <p class="t">贤哥山野脆笋泡椒味90克</p>-->
<!--                        <p class="price">￥3.98</p>-->
<!--                        <div class="showaddcart">-->
<!--                            <img src="img/shop_cart02.png" class="img-responsive join" alt="..." />-->
<!--                            <div class="num_con">-->
<!--                                <img src="img/num_l.png" class="img-responsive num_l" alt="..." />-->
<!--                                <span class="number">0</span>-->
<!--                                <img src="img/num_r.png" class="img-responsive num_r" alt="..." />-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </li>-->
<!--                <li price="3.98">-->
<!--                    <div class="l view">-->
<!--                        <a href="proDetail.html" target="_blank"><img src="img/lists/up5.jpg" class="img-responsive" alt="..." /></a>-->
<!--                    </div>-->
<!--                    <div class="r">-->
<!--                        <p class="t">贤哥泡椒小鱼36克</p>-->
<!--                        <p class="price">￥3.98</p>-->
<!--                        <div class="showaddcart">-->
<!--                            <img src="img/shop_cart02.png" class="img-responsive join" alt="..." />-->
<!--                            <div class="num_con">-->
<!--                                <img src="img/num_l.png" class="img-responsive num_l" alt="..." />-->
<!--                                <span class="number">0</span>-->
<!--                                <img src="img/num_r.png" class="img-responsive num_r" alt="..." />-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </li>-->
<!--                <li price="3.68">-->
<!--                    <div class="l view">-->
<!--                        <a href="proDetail.html" target="_blank"><img src="img/lists/up6.jpg" class="img-responsive" alt="..." /></a>-->
<!--                    </div>-->
<!--                    <div class="r">-->
<!--                        <p class="t">奥利奥原味夹心58克</p>-->
<!--                        <p class="price">￥3.68</p>-->
<!--                        <div class="showaddcart">-->
<!--                            <img src="img/shop_cart02.png" class="img-responsive join" alt="..." />-->
<!--                            <div class="num_con">-->
<!--                                <img src="img/num_l.png" class="img-responsive num_l" alt="..." />-->
<!--                                <span class="number">0</span>-->
<!--                                <img src="img/num_r.png" class="img-responsive num_r" alt="..." />-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </li>-->
<!--                <li price="4.60">-->
<!--                    <div class="l view">-->
<!--                        <a href="proDetail.html" target="_blank"><img src="img/lists/up7.jpg" class="img-responsive" alt="..." /></a>-->
<!--                    </div>-->
<!--                    <div class="r">-->
<!--                        <p class="t">乐事薯片岩烧海苔味40克</p>-->
<!--                        <p class="price">￥4.60</p>-->
<!--                        <div class="showaddcart">-->
<!--                            <img src="img/shop_cart02.png" class="img-responsive join" alt="..." />-->
<!--                            <div class="num_con">-->
<!--                                <img src="img/num_l.png" class="img-responsive num_l" alt="..." />-->
<!--                                <span class="number">0</span>-->
<!--                                <img src="img/num_r.png" class="img-responsive num_r" alt="..." />-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </li>-->
<!--                <li price="4.68">-->
<!--                    <div class="l view">-->
<!--                        <a href="proDetail.html" target="_blank"><img src="img/lists/up8.jpg" class="img-responsive" alt="..." /></a>-->
<!--                    </div>-->
<!--                    <div class="r">-->
<!--                        <p class="t">可比克薯片青瓜味45克</p>-->
<!--                        <p class="price">￥4.68</p>-->
<!--                        <div class="showaddcart">-->
<!--                            <img src="img/shop_cart02.png" class="img-responsive join" alt="..." />-->
<!--                            <div class="num_con">-->
<!--                                <img src="img/num_l.png" class="img-responsive num_l" alt="..." />-->
<!--                                <span class="number">0</span>-->
<!--                                <img src="img/num_r.png" class="img-responsive num_r" alt="..." />-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </li>-->
<!--                <li price="4.50">-->
<!--                    <div class="l view">-->
<!--                        <a href="proDetail.html" target="_blank"><img src="img/lists/up9.jpg" class="img-responsive" alt="..." /></a>-->
<!--                    </div>-->
<!--                    <div class="r">-->
<!--                        <p class="t">贤哥台式烤香肠香辣味40克</p>-->
<!--                        <p class="price">￥4.50</p>-->
<!--                        <div class="showaddcart">-->
<!--                            <img src="img/shop_cart02.png" class="img-responsive join" alt="..." />-->
<!--                            <div class="num_con">-->
<!--                                <img src="img/num_l.png" class="img-responsive num_l" alt="..." />-->
<!--                                <span class="number">0</span>-->
<!--                                <img src="img/num_r.png" class="img-responsive num_r" alt="..." />-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </li>-->
<!--                <li price="4.50">-->
<!--                    <div class="l view">-->
<!--                        <a href="proDetail.html" target="_blank"><img src="img/lists/up10.jpg" class="img-responsive" alt="..." /></a>-->
<!--                    </div>-->
<!--                    <div class="r">-->
<!--                        <p class="t">嘉士利果乐果香青柠味93克</p>-->
<!--                        <p class="price">￥4.50</p>-->
<!--                        <div class="showaddcart">-->
<!--                            <img src="img/shop_cart02.png" class="img-responsive join" alt="..." />-->
<!--                            <div class="num_con">-->
<!--                                <img src="img/num_l.png" class="img-responsive num_l" alt="..." />-->
<!--                                <span class="number">0</span>-->
<!--                                <img src="img/num_r.png" class="img-responsive num_r" alt="..." />-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </li>-->
            </ul>
            <ul id="lists_10" th:class="${options == '2' ? 'lists show' : 'lists hide'}">
                <li price="1">
                    <div class="l view">
                        <a href="proDetail.html" target="_blank"><img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp0.meituan.net%2Fdeal%2Fb5770b314a5f97c5ccef4e90d99f202b70596.jpg&refer=http%3A%2F%2Fp0.meituan.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1651316564&t=983edccb4f96c98a9e030350f1192c67" class="img-responsive" alt="..." /></a>
                    </div>
                    <div class="r">
                        <p class="t">热饮1</p>
                        <p class="price">￥6.80</p>
                        <div class="showaddcart">
                            <img src="img/shop_cart02.png" class="img-responsive join" alt="..." />
                            <div class="num_con">
                                <img src="img/num_l.png" class="img-responsive num_l" alt="..." />
                                <span class="number">0</span>
                                <img src="img/num_r.png" class="img-responsive num_r" alt="..." />
                            </div>
                        </div>
                    </div>
                </li>
                <li price="1">
                    <div class="l view">
                        <a href="proDetail.html" target="_blank"><img src="img/lists/up2.jpg" class="img-responsive" alt="..." /></a>
                    </div>
                    <div class="r">
                        <p class="t">热饮2</p>
                        <p class="price">￥2.48</p>
                        <div class="showaddcart">
                            <img src="img/shop_cart02.png" class="img-responsive join" alt="..." />
                            <div class="num_con">
                                <img src="img/num_l.png" class="img-responsive num_l" alt="..." />
                                <span class="number">0</span>
                                <img src="img/num_r.png" class="img-responsive num_r" alt="..." />
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
            <ul id="lists_11" th:class="${options == '3' ? 'lists show' : 'lists hide'}">
                <li price="6.80">
                    <div class="l view">
                        <a href="proDetail.html" target="_blank"><img src="img/lists/up11.jpg" class="img-responsive" alt="..." /></a>
                    </div>
                    <div class="r">
                        <p class="t">水果1</p>
                        <p class="price">￥6.80</p>
                        <div class="showaddcart">
                            <img src="img/shop_cart02.png" class="img-responsive join" alt="..." />
                            <div class="num_con">
                                <img src="img/num_l.png" class="img-responsive num_l" alt="..." />
                                <span class="number">0</span>
                                <img src="img/num_r.png" class="img-responsive num_r" alt="..." />
                            </div>
                        </div>
                    </div>
                </li>
                <li price="2.48">
                    <div class="l view">
                        <a href="proDetail.html" target="_blank"><img src="img/lists/up2.jpg" class="img-responsive" alt="..." /></a>
                    </div>
                    <div class="r">
                        <p class="t">水果2</p>
                        <p class="price">￥2.48</p>
                        <div class="showaddcart">
                            <img src="img/shop_cart02.png" class="img-responsive join" alt="..." />
                            <div class="num_con">
                                <img src="img/num_l.png" class="img-responsive num_l" alt="..." />
                                <span class="number">0</span>
                                <img src="img/num_r.png" class="img-responsive num_r" alt="..." />
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </section>
        <div class="clear"></div>
    </div>
</div>
<!--底部结算导航-->
<div class="cart ng-scope">
    <div class="r"><a href="cart.html">去结算</a></div>
    <div class="l ng-binding">
        ￥<label id="totalmoney">0</label>
    </div>
    <i id="totalcartnumber" class="ng-binding cartnum">0</i>
    <a href="cart.html"><img src="img/shop_cart01.png" alt="..."></a>
</div>
<!--/底部结算导航-->
</body>
</html>
